.wrapper {
    height: 100%;
    overflow: auto;
    padding: 20px;
    background-color: #f5f8f9;
}
.card-wrap {
    height: 100px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
    color: #fff;
}
.card-item {
    height: 100%;
    flex: 1;
    margin-right: 10px;
    padding: 16px 20px;
    border-radius: 2px;
    background-color: #fff;
    /*border: 1px solid #e7eaec;*/
}
.card-item:nth-child(1){
    margin-left: 5px;
}

.card-item:nth-child(4){
    margin-right: 5px;
}
.jgzs-card{
    background: url(../img/jgzs-bg2.png) no-repeat center;
    background-size: 110%;
}

.zzml-card{
    background: url(../img/zzml-bg2.png) no-repeat center;
    background-size: 110%;
}

.sjml-card{
    background: url(../img/sjml-bg2.png) no-repeat center;
    background-size: 110%;
}

.xxxt-card{
    background: url(../img/xxxt-bg2.png) no-repeat center;
    background-size: 110%;}

.card-title{
    font-size:15px;
    font-family:Microsoft YaHei;
    color:rgba(255,255,255,1);
    line-height:22px;
    position: relative;
}
.card-title img {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.card-detail{
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.card-value {
    height: 64%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.value-wrap {
    display: flex;
    line-height:34px;
}
.value-text{
    font-size:26px ;
    font-weight:bold;
    color:rgba(255,255,255,1) ;
}

.value-unit{
    margin-left: 5px;
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,0.7);
    line-height:34px;
}

.card-footer {
    display: flex;
}
.footer-item {
    flex: 1;
}
.footer-value {
    color: #FFFC00;
}
.jg-wrap {
    display: flex;
    font-size: 14px;
    display: flex;
    font-size: 14px;
    height: 24px;
    margin-top: 10px;
}
.jg-name, .jg-value {
    flex: 1;
}
.jg-value span {
    font-size: 16px;
    margin-right: 10px;
}
.chart-wrap {
    display: flex;
    height: 280px;
    margin-bottom: 10px;
}
.chart-card {
    flex: 1;
    /*border: 1px solid green;*/
    background:rgba(255,255,255,1);
    border-radius:2px;
    margin: 5px;
}
.chart-title{
    border-left: 3px solid;
    border-left-color: rgba(2,120,254,1);
    padding-left: 9px;
    margin-top: 10px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(0,6,34,1);
    line-height: 16px;
}
.table-wrap {
    height: 300px;
    background: #ffffff;
    margin-right: -9px;
    margin-left: -9px;
}
.img-wrap{
    display: flex;
    height: 100%;
}
.img-card{
    flex:1;
    height: 90%;
}
.bootstrap-table{
    padding: 10px;
}
.fixed-table-container {
    border: none;
}
.fixed-table-container thead th {
    opacity:0.8;
    font-weight:bold;
    color: rgba(0,6,34,1);
    border-left: none;
    background:#EFF3FF;
}
.fixed-table-container thead th:nth-child(1){
    border-radius: 2px 0px 0px 0px;
}
.fixed-table-container thead th:nth-child(4){
    border-radius: 0px 2px 0px 0px;
}